<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>登录/注册</title>
    <link rel="stylesheet" href="Resources/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="Resources/css/Login_Register.css">
</head>
<body>
    <div class="materialContainer">
        <div class="box">
        	<form 
        		action="${pageContext.request.contextPath}/Login?method=login" 
        		method="post">
	            <div class="title">登录</div>
	            <div class="input">
	                <label for="name">用户名</label>
	                <input type="text" name="l_username" id="name">
	                <span class="spin"></span>
	            </div>
	            <div class="input">
	                <label for="pass">密码</label>
	                <input type="password" name="l_password" id="pass">
	                <span class="spin"></span>
	            </div>
	            <div class="button login">
	                <button>
	                    <input type="submit" value="登录"/>
	                    <i class="fa fa-check"></i>
	                </button>
	            </div>
	            <a href="LoginOrRegisterServlet?method=forge" class="pass-forgot">忘记密码？</a>
            </form>
        </div>

        <div class="overbox">
        	<form action="${pageContext.request.contextPath}/Login?method=register" method="post">
        		<div class="material-button alt-2">
	                <span class="shape"></span>
	            </div>
	            <div class="title">注册</div>
	            <div class="input">
	                <label for="regname">用户名</label>
	                <input type="text" name="r_username" id="regname">
	                <span class="spin"></span>
	            </div>
	            <div class="input">
	                <label for="regpass">密码</label>
	                <input type="password" name="r_password1" id="regpass">
	                <span class="spin"></span>
	            </div>
	            <div class="input">
	                <label for="reregpass">确认密码</label>
	                <input type="password" name="r_password2" id="reregpass">
	                <span class="spin"></span>
	            </div>

	            <div class="button">
	                <button>
	                	<input type="hidden" value="2" name="r_role">
	                    <input type="submit" value="注册"/>
	                    <i class="fa fa-check"></i>
	                </button>
	            </div>
        	</form>
        </div>

    </div>
    <script src="Resources/js/jquery.min.js"></script>
    <script src="Resources/js/index.js"></script>
</body>
</html>